<template lang="html">
  <div id="app">
    <div id="cover">

    </div>
    <Header></Header>
    <Todo></Todo>
    <Footer></Footer>

  </div>
</template>

<script>
import Header from './todo/header.vue'
import Todo from './todo/todo.vue'
import Footer from './todo/footer.jsx'
export default {
  data(){
    return {
      text:'mmp'
    }

  },
  components:{
    Header,
    Footer,
    Todo,
  }

}

</script>

<style lang="stylus" socped>
  #app{
    position absolute
    left 0
    right 0
    top 0
    bottom 0
  }
  #cover{
    position absolute
    left 0
    top 0
    right 0
    bottom 0
    background-color #eee
    opacity .3
    z-index -1
  }
  .header{
    color #fff
    font-size 67px
    text-align center

  }
</style>
<style lang="css">

</style>
